<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>温馨小圈子社交游戏 - 主界面</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f5f5f5;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .container {
      background-color: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      text-align: center;
    }

    h1 {
      font-size: 32px;
      color: #ff6b6b;
    }

    .item {
      display: flex;
      align-items: center;
      margin: 20px 0;
    }

    .icon {
      font-size: 36px;
      color: #ff6b6b;
      margin-right: 10px;
    }

    .text {
      font-size: 18px;
      color: #333;
      text-align: left;
    }

    .footer {
      font-size: 20px;
      color: #ff6b6b;
      margin-top: 30px;
    }
  </style>
</head>
<body>
<div class="container">
  <h1>🌟 温馨小圈子社交游戏 - 主界面 🌟</h1>
  <div class="item">
    <div class="icon">🌼</div>
    <div class="text">报名不同模式 ➡️<br>选择8V8，与温馨的陌生人一同开启社交冒险之旅</div>
  </div>
  <div class="item">
    <div class="icon">⏰</div>
    <div class="text">报名截止时间<br>每天晚上6点，别错过与新朋友的温馨相遇机会</div>
  </div>
  <div class="item">
    <div class="icon">💭</div>
    <div class="text">匿名聊天与破冰<br>- 自我介绍，与其他朋友匿名聊天，轻松认识对方<br>- 分享兴趣和话题，渐渐拉近彼此距离</div>
  </div>
  <div class="item">
    <div class="icon">🔓</div>
    <div class="text">解锁用户信息<br>- 第二天解锁其他玩家的资料和照片，逐渐揭开秘密</div>
  </div>
  <div class="item">
    <div class="icon">❓</div>
    <div class="text">每日随机主题<br>- 回答有趣的随机话题，展开轻松讨论<br>- 解锁礼物赠送功能，增添更多温馨元素</div>
  </div>
  <div class="item">
    <div class="icon">❤️</div>
    <div class="text">匿名喜欢与匹配<br>- 匿名发送喜欢，互相喜欢即可匹配成为朋友<br>- 温馨聊天和轻松辩论，一起享受美好时光</div>
  </div>
  <div class="footer">
    🌻 温馨的社交等你来参与！ 🌻
  </div>
</div>
</body>
</html>
